<template>
	<view class="par">
		<view class="pari-con">
			<view v-if="detail.title" class="pari-title">{{detail.title}}</view>
			<view v-if="detail.dates" class="pari-time">{{detail.dates}}</view>
			<!-- <image src="../../static/img/6.jpg" class="par-img"></image> -->
			<view v-if="detail.info" class="pari-text" v-html="detail.info"></view>
		</view>
		
		<view class="par-apply">
			<view class="par-but" @click="apply">申请</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				detail:{}
			}
		},
		onLoad(){
			this.getNews()
		},
		methods: {
			getNews(){
				this.$http.news({type:5}).then(res => {
					if(res.data.data && res.data.data.length>0){
						this.detail = res.data.data[0]
						this.detail.info = this.$utils.formatRichText(this.detail.info)
					}
				})
			},
			apply(){
				uni.navigateTo({
					url:'/pages/member/applyPartner'
				})
			}
		}
	}
</script>

<style scoped>
.par{
	width: 100%;
}
.pari-con{
	padding: 15px;
}
.pari-title{
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.pari-time{
	color: #898989;
	text-align: center;
	padding: 10px;
}
.par-img{
	height: 144px;
	border-radius: 10px;
}
.pari-text{
	color: #161616;
	font-size: 13px;
	padding: 16px 0;
	    line-height: 20px;
}
.pari-text >>> img{
	width: 100%;
}
.par-apply{
	background:rgba(254,254,254,1);
	text-align: center;
	display: flex;
	width: 100%;
	justify-content: center;
	position: fixed;
	bottom:0px;
}	
.par-but{
	width:618upx;
	height:80upx;
	
background: linear-gradient(124deg, #6AA7E8 0%, #3D9AFD 100%);
	
box-shadow: 0px 2px 4px 0px #1E75FF;
	border-radius:48upx;
	line-height: 80upx;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	margin: 10px auto;
}
</style>
